<template>
  <div class="">
    <wx-button @click="handleBtn"></wx-button>
  </div>
</template>


<script>
/**
 * 微信小程序通用型按钮组件
 * @auther 张猛
 */
import { GetWxTemplateId, PostAddWxTemplateId } from '@/api/small/common.js'
import Vue from 'vue'

export default Vue.extend({
  props: {
    tmplType: { // 4 积分 3 退换货 2 充值 1订单支付
      type: [String, Number],
      default: 0
    }
  },
  data() {
    return {

    }
  },
  mounted() {

  },
  methods: {
    handleBtn(event) {
      GetWxTemplateId(type).then(res => {
        if (res.data.status === 1) {
          wx.requestSubscribeMessage({
            tmplIds: ['rCYsd3XY5Ks8Wt-T__O68e9ilf5IoHu5WYyhtB9bZhk'],
            success: (res) => {
              // console.log(res)
              // 将formdata数据上报后台做记录处理
              let sendData = {};
              sendData.form_data = JSON.stringify(res);
              // 将用户确定订阅的消息模版ID上报给后端，用于发订阅消息
              PostAddWxTemplateId(sendData).then(res => {})
            },
            complete: (res) => { // 不管方法成功与失败都使业务继续下去
              this.$emit('clickBtn', event);
            }
          })
        } else { // 不管方法成功与失败都使业务继续下去
          this.$emit('clickBtn', event);
        }
      })
    }
  }
})
</script>

<style>

</style>